/* Styles shared between screens. */
h1 {
  font-size: 4em;
  font-weight: bold;
  color: #DDDDDD;
  margin: 40px 0px 70px;
  text-align: center;
  text-shadow: 2px 2px 5px #000; /* horizontal-offset vertical-offset 'blur' colour */
  -moz-text-shadow: 2px 2px 5px #000;
  -webkit-text-shadow: 2px 2px 5px #000;
  
}

html {
	height: 100%;
	width: 100%;
	display: inline;
	background: #b5bdc8;
}

body {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: auto;
	background: #28343b; /* Old browsers */
	background: -moz-linear-gradient(top, #28343b 0%, #828c95 55%, #b5bdc8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#28343b), color-stop(55%,#828c95), color-stop(100%,#b5bdc8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #28343b 0%,#828c95 55%,#b5bdc8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #28343b 0%,#828c95 55%,#b5bdc8 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #28343b 0%,#828c95 55%,#b5bdc8 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28343b', endColorstr='#b5bdc8',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #28343b 0%,#828c95 55%,#b5bdc8 100%); /* W3C */
	background-repeat: no-repeat;
}

#content {
	position: relative;
	width: 600px;
	margin: 0 auto;
	background-color: #DDDDDD;
    border-style: solid;
    border-radius: 10px;
    padding: 10px;
}

#backLink {
	position: absolute;
	top: 5px;
	right: 10px;
}

/* Login screen */

#username {
	display: block;
	width: 200px;
}

#password {
	display: block;
	width:200px;
}

#loginSubmit {
	width: 100px;
	heigth: 40px;
	margin-top: 15px;
}

.lectureLink {
	display: block;
}

/* Feedback screen */

#statisticsGrid {
	border: 2px solid black;
	border-radius: 5px;
}

#statisticsGrid td {
	border-left: 1px solid black;
	border-right: 1px solid black;
	padding: 5px;
}

#feedbackGrid {
	width: 100%;
	border: 2px solid black;
	border-radius: 5px;
	margin-top: 20px;
}

#feedbackGrid td {
	border: 1px solid black;
	padding: 5px;
}

#feedbackSubmit {
	display: block;
}

.tableHeader {
	font-weight: bolder;
	font-size: 1.1em;	
	text-align: center;
}

.feedbackText {
	width: 100%;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  width: 400px;
}

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}
